@extends('home.layout')
@section('content')
<style type="text/css">
	#content
	{
		width: 1200px;
		margin: 0 auto;
	}
	.did
	{
		width: 1200px;
		height: 42px;
		margin-top: 40px;
		background: #f8f8f8;
		border: 1px solid #EEEEEE;
	}
	.content_1
	{
		width: 1200px;
		height: 332px;
		margin: 40px auto;
	}
	.shop
	{
		width: 320px;
		height: 332px;
		float: left;
		background: #f8f8f8;
	}
	.shop_1
	{
		width: 320px;
		height: 142px;
		float: left;
		background: #ebebeb;
	}
	.shop_1_1
	{
		width: 278px;
		height:82px;
		margin: 30px 21px;
		/*background: red;*/
		
	}
	.shop_2
	{
		width: 300px;
		height: 128px;
		float: left;
		margin-left:10px;
		
	}
	.shop_3
	{
		width: 300px;
		height: 43px;
		float: left;
		margin-left:10px; 
		border-top:1px solid #ebebeb;

	}
	.shop_3 div
	{
		width: 74px;
		height: 32px;
		margin-top: 6px;
		border-right: 1px dotted #ebebeb;
		float: left;
	}
	.shop_3 div p
	{
		width: 74px;
		height: 14px;
		margin-top:1px;
		line-height: 14px;
		text-align:center; 

	}
	.img
	{
		width: 210px;
		height: 332px;
		margin-left: 10px;
		float: left;
	}
	.img .mask
	{
		width: 210px;
		height:30px;
		float: left;
	}
	.price
	{
		width: 58px;
		height: 16px;
		line-height: 30px;
		color:#f69;
		margin-left:5px;
		float: left;
		font-size: 14px; 
	}
	.sellnum
	{
		width: 60px;
		height: 30px;
		line-height: 30px;
		float:right;
		font-size: 14px; 
	}
</style>
	
<div id="content">
	<div class="did">
		<a href=""><div class="did1" style="width: 66px;height:42px;float: left;line-height: 42px;text-align:center">综合</div></a>
		<a href=""><div class="did2" style="width: 66px;height:42px;float: left;line-height: 42px;text-align:center">销量</div></a>
		<a href=""><div class="did3" style="width: 78px;height:42px;float: left;line-height: 42px;text-align:center">粉丝数</div></a>
	</div>

	@if($kong==0)
	@for($i=0;$i<$num;$i++)
	<div class="content_1">
		<div class="shop">
			<div class="shop_1">
				<div class="shop_1_1">
					<a href="/home/shop/details/{{$shopinfo[$i]->id}}"><img src="{{$shopinfo[$i]->logo}}" style="width: 68px;height: 68px;float: left;"></a>
					<div style="width: 200px;height: 82px;float: left;margin-left:10px; ">
						<p class="shop_name" style="width: 200px;height: 16px;float:left;"><b>{{$shopinfo[$i]->shopname}}</b></p>
						<span style="width: 56px;height:16px;float:left;margin-top:2px; ">销量: 6</span><span style="width: 76px;height:16px;float:left;margin-top:2px;">粉丝量 : 67</span>
						<p style="width: 200px;height: 16px;float:left;margin-top:2px;">主营类目 :配饰</p>
						<a href=""><div class="kefu" style="width: 72px;height: 20px;border:1px solid #f69;color:#f69;float:left;margin-right: 10px;line-height: 20px;text-align:center;margin-top:2px;">联系客服</div></a><a href=""><div class="dp" style="width: 72px;height: 20px;border:1px solid #f69;color:#f69;float:left;line-height: 20px;text-align:center;margin-top:2px;">关注店铺</div></a>
					</div>
				</div>			
			</div>
			<div class="shop_2"></div>
			<div class="shop_3">
				<div>
					<p>质量满意</p>
					<p style="color:#ff9828;">4.6 --</p>
				</div>
				<div>
					<p>服务态度</p>
					<p style="color:#94a603;">4.3 ↓</p>
				</div>
				<div>
					<p>发货速度</p>
					<p style="color:#fb3f3f;">4.8 ↑</p>
				</div>
				<div style="border-right: 0px;">
					<p>描述一致</p>
					<p style="color:#fb3f3f;">4.7 ↑</p>
				</div>
			</div>
		</div>
			@if($num3[$i]>=1)
				@for($j=0;$j<$num3[$i];$j++)
				<div class="img">
					<a href="/home/goods/details/{{$goodsinfo[$i][$j]->id}}"><img src="{{$goodsinfo[$i][$j]->logo}}" style="width: 210px;height: 302px;"></a>
					<div class="mask">
						<div class="price">￥46.00</div>
						<div class="sellnum">销量:10</div>
					</div>
				</div>
				@endfor
			@endif
		<!-- <div class="img">
			<a href=""><img src="" style="width: 210px;height: 302px;"></a>
			<div class="mask">
				<div class="price">￥46.00</div>
				<div class="sellnum">销量:10</div>
			</div>
		</div>
		<div class="img">
			<a href=""><img src="" style="width: 210px;height: 302px;"></a>
			<div class="mask">
				<div class="price">￥46.00</div>
				<div class="sellnum">销量:10</div>
			</div>
		</div>
		<div class="img">
			<a href=""><img src="" style="width: 210px;height: 302px;"></a>
			<div class="mask">
				<div class="price">￥46.00</div>
				<div class="sellnum">销量:10</div>
			</div>
		</div> -->
	</div>
	@endfor
	@else
	空空如也！！！！！！！
	@endif


</div>
<script type="text/javascript">


	$(".did1").on('mouseover',function(){
		$(this).css('background','white');

	});
	$(".did1").on('mouseout',function(){
		$(this).css('background','#f8f8f8');
	});
	;
	$(".did2").on('mouseover',function(){
		$(this).css('background','white');
	});
	$(".did2").on('mouseout',function(){
		$(this).css('background','#f8f8f8');
	});
	$(".did3").on('mouseover',function(){
		$(this).css('background','white');
	});
	$(".did3").on('mouseout',function(){
		$(this).css('background','#f8f8f8');
	});
	
	$(".kefu").on('mouseover',function(){
		$(this).css('color','#ebebeb');
		$(this).css('background','#f69');

	});
	$(".kefu").on('mouseout',function(){
		$(this).css('color','#f69');
		$(this).css('background','#ebebeb');
	});
	$(".dp").on('mouseover',function(){
		$(this).css('color','#ebebeb');
		$(this).css('background','#f69');

	});
	$(".dp").on('mouseout',function(){
		$(this).css('color','#f69');
		$(this).css('background','#ebebeb');
	});
	
	
</script>


@endsection